*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
.clearfix:after,
.clearfix:before{
    content:"";
    display: block;
    clear: both;
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
.header .hx{
    padding-top:1px;
    width:100%;
    height:3px;
    background:-webkit-linear-gradient(left,#34bae0,#6fcdb5,#2eb6e8);
}
.header .container{
    width:1500px;
    margin:0 auto;
}
.header .container li{
    float:left;
}
.header .container .li-1{
    padding-left:36px;
}
.header .container li{
    padding-top:28px;
}
.header .container li a{
    color:#343434;
}

.header .container .col-md-7 .li-1 .a2{
    display: block;
    width:34px;
    height:2px;
    margin-top:10px;
}
.header .container .col-md-7 .li-4 .a2{
    background-color: #4889f1;
}
.header .container .col-md-7 .li-1:hover .a2{
    background-color:#4889f1;
}
.header .container .col-md-7 .li-1:hover .a1{
    color:#2591D5;
}
.nav .nav1 .col-md-7 .li-1 .a2{
    display: block;
    width:36px;
    height:2px;
    background-color:#4889f1;
}
.header .container .li-1{
    padding-top:35px;
    padding-bottom:28px;
}
.header .container .li-2 a{
    color:#3464d3;
}
.header .container .col-md-7 .li-2{
    padding:8px 16px;
    margin-top:30px;
    margin-left:26px;
    background-color: #e3f4fc;
    border-radius: 18px;
}
.header .container .col-md-7,.header .container .col-md-3{
    float:left;
}
.header .container .col-md-7{
    width:74%;
}
.header .container .col-md-7 .li-4 .a1{
    color:#333333;
    font-weight: bold;
}
.header .container .col-md-3{
    width:20%;
    height:2px;
}
.header .container .col-md-2{
    width:6%;
    float:right;
}
.header .container .col-md-2{
    padding-top:35px;
    padding-bottom:28px;
}
.header .container .col-md-2 .li-1{
    padding:8px 12px;
    margin-top:30px;
    background-color: #e3f4fc;
    border-radius: 18px;
}
.header .container .col-md-2 .li-1{
    color:#3562d5;
}
.header .container .col-md-2 .li-1:hover{
    opacity: 0.8;
}
.hx2{
    width:100%;
    height:1px;
    background-color: #ebebeb;
}
.banner .container,.main .container{
    width:1250px;
    margin:0 auto;
    padding-top:24px;
}
.banner .container .col-md-3,.banner .container .col-md-6,.banner .container .col-md-4{
    float:left;
}
.banner .container .col-md-3{
    width:25%;
}
.banner .container .col-md-4{
    width:25%;
    padding-left:12px;
}
.banner .container .col-md-6{
    position: relative;
    width:50%
}
.banner .container .col-md-6 .a2{
    position: absolute;
    right:30px;
    top:36px;
    border:2px solid #060606;
    padding:8px 30px;
    color:#0c0c0c;
}
.banner .container a{
    display: inline-flex;
}
.banner .container img{
    width:100%;
    height: 114px;
}
.main .container .col-md-3 li{
    padding:14px 40px;
    cursor: pointer;
}
.main .container .col-md-3 .li-2{
    padding:20px 40px;
    text-align: center;
}
.main .container .col-md-3 .li-2{
    border:1px solid #f0f0f0;
    border-top:none;
}
.main .container .col-md-3 li a{
    color:#676664;
}
.main .container .col-md-3 .li-1{
    color:#f8fbff;
    background-color: #4989f3;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.main .container .col-md-3 li{
    font-size: 19px;
}
.main .container .col-md-3,.main .container .col-md-5,.main .container .row .col-md{
    float:left;
}
.main .container .col-md-3{
    width:16%;
}
.main .container .col-md-5{
    width:54%;
}
.main .container .row .col-md{
    width:30%
}
.main .container .col-md-5 .row-1 .col-md-8 img{
    width: 432px;
    height: 269px
}
.main .container  .col-md-5{
    padding-left:32px;
}
.main .container .col-md-5 .row-1 .col-md-6 img{
    width:210px;
    height:132px;
    padding-left:14px;
}
.main .container .col-md-5 .row-1 .col-md-6 .a2 img{
    padding-top:6px;
}
.main .container .col-md-5 .row-1 a{
    display: block;
}
.main .container .col-md-5 .row-1 .col-md-8,.main .container .col-md-5 .row-1 .col-md-6{
    float:left;
}
.main .container .col-md-5 .row-2 h2{
    color:#5989eb;
    font-size:20px;
    padding-top:20px;
    padding-bottom:20px;
}
.main .container .col-md-5 .row-3 img{
    width:210px;
    height:132px;
}
.main .container .col-md-5 .row-3 .col-md-8 img{
    width:15px;
    height:15px;
}
.main .container .col-md-5 .row-3 .col-md-4{
    padding-right:18px;
}
.main .container .col-md-5 .row-3 .col-md-8 a{
    display: inline-block;
}
.main .container .col-md-5 .row-3 .col-md-8{
    padding-left:20px;
}
.main .container .col-md-5 .row-3 .col-md-8 .a1{
    float:right;
    color:#666;
}
.main .container .col-md-5 .row-3 .col-md-8 .p2 a{
    padding:4px 12px;
    background-color: #f0f0f2;
    border-radius: 18px;
    color:#999a95;
}
.main .container .col-md-5 .row-3 .col-md-8 .p1{
    font-size: 18px;
    color:#323431;
}
.main .container .col-md-5 .row-3 .col-md-8 .p2{
    margin-top:16px;
    margin-bottom:16px;
}
.main .container .col-md-5 .row-3 .col-md-8 .a2{
    color:#666;
}
.main .container .col-md-5 .row-3 .col-md-4{
    float:left;
}
.main .container .col-md-5 .row-3{
    border-bottom:1px solid #e6e6e6;
    padding-bottom:20px;
}
.main .col-md-5 .row-5 img{
    width:210px;
    height:132px;
}
.main .col-md-5 .row-5{
    padding-top:14px;
}
.col-md-5 .row-4{
    padding-top:26px;
}
.col-md-5 .row-4 h2{
    font-weight: 300;
    font-size: 22px;
}
.col-md-5 .row-6{
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}
.col-md-5 .row-6 .col-md-7{
    float:left;
    padding-top:14px;
}
.col-md-5 .oo-1{
    border-bottom:none;
}
.col-md-5 .row-6 .col-md-5{
    float: right;
    text-align: right;
    padding-top:14px;
}
.col-md-5 .row-6 .col-md-5 a{
    color:#666;
    font-size: 14px;
}
.col-md-5 .row-6 .col-md-7 p a{
    color:#666762;
    font-size: 14px;
}
.col-md-5 .row-6 .col-md-7 p .a2{
    padding:4px 12px;
    background-color: #f0f0f2;
    border-radius: 18px;
}
.col-md-5 .r-1{
    padding-top:22px;
}
.col-md-5 .rr-2 .col-md-5{
    padding-left:0;
    width:18%;
}
.col-md-5 .row-7 a{
    width:100%;
    display: block;
    background-color: #f0f0f0;
    line-height:44px;
    text-align: center;
    color:#646665;
}
.main .container .row-1 img{
    width:322px;
    height:220px;
}
.main .container .row .col-md{
    padding-left:40px;
}
.main .container .row-2 h2{
    color: #5989eb;
    font-size: 20px;
    padding-top: 34px;
    padding-bottom: 20px;
}
.main .container .roo-1 h2{
    padding-top:98px;
}
.main .container .col-md .row-3{
    background-color: #f7f8fa;
    padding:18px;
}
.main .container .col-md .row-3 .col-md-1 span,.main .container .col-md .row-3 .col-md-2 span{
    display: flex;
    line-height: 26px;
}
.main .container .col-md .row-3 .col-md-1 span a,.main .container .col-md .row-3 .col-md-2 span a{
    display: inline-flex;
}
.main .container .col-md .row-3 .col-md-1 img,.main .container .col-md .row-3 .col-md-2 img{
    padding-right:14px;
}
.main .container .col-md .row-3 .col-md-2{
    padding-top:28px;
}
.main .container .col-md .col-md-3{
    width:100%;
    display: inline-block;
    background-color: #f7f8fa;
    line-height:60px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    cursor: pointer;
}
.main .container .col-md .col-md-3 a{
    color:#676566;
}
.main .container .col-md .row-4 img{
    width: 334px;
}
.main .container .col-md .row-4 span{
    padding:16px;
    display: block;
}
.main .container .col-md .row-4{
    background-color: #f7f8fa;
}
.main{
    margin-bottom:100px;
}
.footer .container{
    width:820px;
    margin:0 auto;
}
.footer p{
    font-size: 14px;
    color:#323433;
    text-align: center;
    padding-top:20px;
}
.footer a{
    color:#323433;
}
.footer{
    padding-bottom:50px;
}
.sx{
    padding:10px 16px;
    border: 1px solid #b8dcfc;
    background-color: #f7fbfe;
    text-align: center;
    position: fixed;
    right:70px;
    bottom:230px;
    cursor: pointer;
}
.sx a{
    color:#3562d5;
}
.fk{
    padding:10px 16px;
    color:#666666;
    border: 1px solid #e2e2e2;
    background-color: #f7fbfe;
    text-align: center;
    position: fixed;
    right:70px;
    bottom:150px;
    cursor: pointer;
}
#toTop{
    padding:20px 16px;
    color:#666666;
    border: 1px solid #e2e2e2;
    background-color: #f7fbfe;
    text-align: center;
    position: fixed;
    right:70px;
    bottom:70px;
    cursor: pointer;
    display: none;
}
@media (max-width: 600px) {
    .header .container,.banner .container,.main .container,.footer .container{
        width:100%;
    }
    .header .container .col-md-7{
        width:100%;
    }
    .header .container .col-md-7 .li-3{
        width:100%;
    }
    .header .container .col-md-2{
        width:92%;
    }
    .header .container .col-md-7 .li-1{
        padding-top:0;
        padding-bottom:0;
    }
    .header .container .col-md-7 .li-2{
        padding:8px 16px;
        margin-top:16px;
    }
    .header .container .col-md-2{
        padding-top:20px;
    }
    .header .container .col-md-7 .li-3{
        text-align: center;
        padding-bottom:16px;
    }
    .banner .container .col-md-3,.banner .container .col-md-6,.banner .container .col-md-4{
        width:100%;
    }
    .banner .container img{
        width:100%;
    }
    .banner .container .col-md-6 .a2{
        padding:8px 20px;
        right:12px;
    }
    .main .container .col-md-3,.main .container .col-md-5,.main .container .col-md-4{
        width:100%;
    }
    .main .container .col-md-5 .row-1 .col-md-8 img{
        margin-top:20px;
    }
    .main .container .col-md-5 .row-1 .col-md-8 img,.main .container .col-md-5 .row-1 .col-md-6 img{
        width:100%;
    }
    .main .container .row .col-md{
        width:100%;
    }
    .main .container .col-md-5 .row-1 {
        padding-left:0;
    }
    .main .container  .col-md-5{
        padding:20px;
    }
    .main .container .col-md-5 .row-3 .col-md-8{
        padding-left:0;
    }
    .main .container .col-md-5 .row-3 .col-md-8 .a1{
        padding-left:10px;
    }
    .main .col-md-5 .row-5 img{
        width:100%;
    }
    .col-md-5 .row-6 .col-md-5{
        text-align: left;
        padding-left:0;
    }
    .main .container .row-1 img{
        width:100%;
    }
    .main .container .row .col-md{
        padding-left:0;
    }
    .main .container .row-2{
        width:100%;
    }
    .main .container .col-md .row-4 img{
        width:100%;
    }
    .main .container .row-2 h2{
        text-align: center;
    }
    .col-md-5 .row-6 .col-md-7 p .a2{
        padding: 4px 3px;
    }
    .main{
        margin-bottom:40px;
    }
    .footer{
        padding-bottom:200px;
    }
    .sx{
        padding: 3px 9px;
        right: 10px;
        bottom: 182px;
    }
    .fk{
        padding: 4px 9px;
        right: 10px;
        bottom: 107px;
    }
    #toTop{
        padding: 13px 9px;
        right: 10px;
        bottom: 31px;
    }
}
